* {
	margin: 0px;
	padding: 0px;
}
*::after, *::before {
	box-sizing: border-box;
}
body {
	font-family: Helvetica, Arial, "WenQuanYi Zen Hei", "PingFang SC", "PingFang TC", "Microsoft YaHei", "Microsoft JhengHei", "Noto Sans SC", "Noto Sans TC", sans-serif !important;
    color: #333;
}
.clear {
	font-size: 0px;
	clear: both;
	line-height: 0px;
	height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/* Mac版IEのみに適用 \*//*/
	height: auto;
	overflow: hidden;
	/**/
}
img {
 	border:none;
	outline: none;
}
a { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; outline: 0;}
a:link {
	TEXT-DECORATION: none;
	outline: none;
}
a:visited {
	TEXT-DECORATION: none;
	outline: none;
}
a:hover {
	TEXT-DECORATION: none;
	outline: none;
}
a:active {
	TEXT-DECORATION: none;
	outline: none;
}
ul, ol { list-style: none; }
a.op_hover:hover {
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity = 80);
}
img.op_hover:hover  {
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity = 80);
}
img.d_block {
	display: block;
}
a.imgZoom:hover img { -moz-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); -o-transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3); transform:scale(1.3,1.3);}
a.imgZoom img{ -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
input, textarea, select {
	outline-style: none;
	resize: none;
}

/* 按钮是边框线hover */
.common_btn:hover{
  color: #fff;
  background-color: #d2bf91;
  border: 1px solid #d2bf91;
}
.common_btn:active{
  color: #fff;
  background-color: #b9942c;
}
button.common_btn3:hover{
  color: #fff;
  background-color: #d2bf91;
  border: 1px solid #d2bf91;
}
button.common_btn3:active{
  color: #fff;
  background-color: #b9942c;
}

/* 按钮是实心颜色hover */
.common_btn2 a:hover {
	background-color: #d2bf91;
}
.common_btn2 a:active {
	background-color: #b9942c;
}
#header {
  width: 100%;
  height: 80px;
  background-color: #262626;
  position: fixed;
  z-index: 100;
  top: 0;
  -webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none;
}
#header .header_box {
  width: 100%;
  margin: 0 auto;
}
#header .header_logo {
	margin-top: 16px;
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}
#header .header_text {
	margin-top: 30px;
	float: left;
	font-size: 16px;
	color: #c0a353;
}

#header .header_text a {
	color: #c0a353;
}
#header .header_text a:hover {
	color: #a5811e;
}
#header .header_date {
	float: right;
	color: #c0a353;
	margin-top: 30px;
}
#header .header_cart {
	float: right;
	margin-top: 30px;
	margin-right: 50px;
}
#header .header_cart a {
	color: #c0a353;
}
#header .header_login {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}
#header .header_login a {
  width: 94px;
  height: 25px;
  border-radius: 18px;
  background-color: #c0a353;
  color: #fff;
  display: inline-block;
  padding-top: 7px;
  border: 1px solid #c0a353;
  border-radius: 20px;
  text-align: center;
}

#header .header_login a:hover {
	background-color: #fff;
	color: #C0A353;
}

#header .header_link {
	float: right;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	position: relative;
}
#header .header_link a {
	color: #c0a353;
}
#header .header_link a:hover {
	color: #a5811e;
}
#header .header_link .header_link_nav {
	position: absolute;
	top: 50px;
	width: 180px;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	background-color: #f5f5f5;
	left: -15px;
	padding-left: 20px;
	padding-top: 20px;
	display: none;
}
#header .header_link .header_link_nav li a {
	color: #262626;
	margin-bottom: 20px;
	display: block;
}

#header .header_menu {
	display: none;
}
#header .login_box {
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	position: relative;
}
#header .login_box i {
	width: 30px;
	height: 30px;
	position: absolute;
	right: -10px;
    bottom: -10px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
#header .login_box i.level_1 {
	background-image: url(../img/fill-1.png);
}
#header .login_box i.level_2 {
	background-image: url(../img/fill-2.png);
}
#header .login_box i.level_3 {
	background-image: url(../img/fill-3.png);
}
#header .login_box i.level_4 {
	background-image: url(../img/fill-4.png);
}
#header .login_box i.level_5 {
	background-image: url(../img/fill-5.png);
}
#header .login_box i.level_6 {
	background-image: url(../img/fill-6.png);
}
#header .login_box ul {
	background-color: #fff;
	position: absolute;
	width: 160px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
	top: 70px;
	left: -120px;
	display: none;
	padding-top: 5px;
    padding-bottom: 5px;
}
#header .login_box ul li a {
	display: block;
	height: 48px;
	font-size: 16px;
	color: #333;
	line-height: 48px;
	padding-left: 18px;
}
#header .login_box ul li a:hover {
	background-color: #f5f5f5;
}
.nav {
	display: none !important;
}
.sub_nav2 {
	display: none !important;
}
.top_slide {
	height: 488px;
	padding-top: 80px;
	overflow: hidden;
}
.top_slide ul li {
	height: 488px;
}
.top_slide ul li img {
	width: 100%;
	height: auto;
}
.top_slide .bx-wrapper .bx-controls a.bx-prev {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
	width: 60px;
	height: 60px;
	display: inline-block;
	left: 40px;
}
.top_slide .bx-wrapper .bx-controls a.bx-next {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
	width: 60px;
	height: 60px;
	display: inline-block;
	right: 40px;
}

.top_slide .bx-wrapper .bx-controls a.bx-prev {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
	width: 60px;
	height: 60px;
	display: inline-block;
	left: 40px;
	background-image: url(../img/arrow_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	text-indent:-9999px;
}
.top_slide .bx-wrapper .bx-controls a.bx-next {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
	width: 60px;
	height: 60px;
	display: inline-block;
	right: 40px;
	background-image: url(../img/arrow_right.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	text-indent:-9999px;
}
.top_slide .bx-wrapper .bx-controls a.bx-prev:hover {
	background-image: url(../img/arrow_left_o.png);
}
.top_slide .bx-wrapper .bx-controls a.bx-next:hover {
	background-image: url(../img/arrow_right_o.png);
}

.top_features .top_features_title {
	color: #C0A353;
	font-size: 32px;
	font-family: Helvetica;
	font-weight: bold;
	text-align: center;
	margin-top: 85px;
	margin-bottom: 85px;
}
.top_features .top_features_list {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 80px;
}
.top_features .top_features_list li {
	float: left;
	width: 33.33%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #262626;
}
.top_features .top_features_list li a {
	color: #262626;
}
.top_features .top_features_list .f_img {
	margin-bottom: 25px;
	height: 160px;
}
.top_features .top_features_list li.last {
	margin-right: 0px;
}
.top_features .top_features_left {
	float: left;
	width: 50%;
	height: 424px;
	background-color: #ede6d0;
	text-align: center;
}
.top_features .top_features_left .top_features_left_title {
	margin-top: 80px;
	font-family: Helvetica;
	font-size: 40px;
	font-weight: 300;
	color: #045d72;
}

.top_features .top_features_right {
	float: right;
	width: 50%;
	height: 424px;
	background-color: #045d72;
	text-align: center;
}
.top_features .top_features_right .top_features_right_title {
	margin-top: 80px;
	font-family: Helvetica;
	font-size: 40px;
	font-weight: 300;
	color: #ede6d0;
}
.top_features .top_features_btn a {
  width: 226px;
  height: 27px;
  border-radius: 20px;
  background-color: #c0a353;
  color: #fff;
  display: inline-block;
  padding-top: 11px;
  margin-top: 80px;
  border: 1px solid #c0a353;
}
.top_features .top_features_btn a:hover {
	background-color: #fff;
	color: #C0A353;
}

.top_about {
	padding-left: 20px;
	padding-right: 20px;
	width: 728px;
	overflow: hidden;
}

.top_about .top_about_title {
	color: #C0A353;
	font-size: 32px;
	font-family: Helvetica;
	font-weight: bold;
	text-align: center;
	margin-top: 85px;
	margin-bottom: 85px;
}
.top_about .top_about_box_f {
	width: 784px;
	margin: 0 auto;
}
.top_about .top_about_box {
	width: 267px;
	height: 281px;
  border-radius: 5px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/about_bg.png);
	overflow: hidden;
}

.top_about .top_about_text {
	font-size: 16px;
	line-height: 1.56;
	color: #7a7472;
	padding: 10px 15px 10px 15px;
}
.top_about .top_about_allow {
	margin-top: -1px;
}
.top_about .top_about_pic {
	float: left;
	margin-right: 25px;
}
.top_about .top_about_name {
	font-size: 16px;
	color: #262626;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 5px;
}
.top_about .top_about_name span {
	display: block;
	font-size: 14px;
	color: #7A7472;
	margin-top: 10px;
}

.top_about .bx-wrapper .bx-controls a.bx-prev {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
	width: 13px;
	height: 22px;
	display: inline-block;
	left: -15px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/left_icon.png);
}
.top_about .bx-wrapper .bx-controls a.bx-next {
    position: absolute;
    top: 40%;
    margin-top: -16px;
    outline: 0;
	width: 13px;
	height: 22px;
	display: inline-block;
	right: -10px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/right_icon.png);
}


.top_weekly {
  height: 798px;
  background-color: #e2e9e8;
}

.top_weekly .top_weekly_title {
	color: #C0A353;
	font-size: 32px;
	font-family: Helvetica;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	margin-bottom: 100px;
}
.top_weekly .top_weekly_box {
	width: 100%;
	margin: 0 auto;
}
.top_weekly .top_weekly_box_sub {
	padding-top: 10px;
	padding-bottom: 40px;
}
.top_weekly .top_weekly_box .sub_box {
  width: 296px;
  margin-left: 2.5%;
  height: 424px;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  float: left;
	-webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; outline: 0;
}
.top_weekly .top_weekly_box .bx-wrapper .bx-viewport {
	height: auto !important;
}
.top_weekly .top_weekly_box .sub_box .pic {
	margin-top: 16px;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 20px;
}
.top_weekly .top_weekly_box .sub_box .pic img {
	width: 100%;
	height: auto;
}
.top_weekly .top_weekly_box .sub_box .mon {
  width: 36px;
  font-size: 16px;
  color: #C0A353;
  text-align: center;
  float: left;
  margin-left: 15px;
}
.top_weekly .top_weekly_box .sub_box .mon em {
	font-size: 24px;
	font-style: normal;
}
.top_weekly .top_weekly_box .sub_box .mon span {
	width: 34px;
	height: 2px;
	background-color: #C0A353;
	display: block;
	margin-bottom: 5px;
}
.top_weekly .top_weekly_box .sub_box .title {
	font-size: 20px;
	color: #262626;
	line-height: 25px;
    overflow: hidden;
	-webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; outline: 0;
	margin-left: 15px;
	margin-right: 15px;
}
.top_weekly .top_weekly_box .sub_box .talk {
	float: left;
	margin-top: 30px;
	margin-left: 15px;
	font-size: 12px;
	color: #bdbcbc;
}
.top_weekly .top_weekly_box .sub_box .talk i {
	margin-bottom: 20px;
}
.top_weekly .top_weekly_box .sub_box .text {
	height: 94px;
	color: #7a7472;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}
.top_weekly .top_weekly_box .sub_box .more {
	color: #C0A353;
	text-align: center;
	font-size: 13px;
	font-style: oblique;
	margin-top: 18px;
}
.top_weekly .top_weekly_box .last {
  margin-right: 0px;
}

.top_weekly .top_weekly_box a:hover .sub_box .title {
	color: #C0A353;
}
.top_weekly .top_weekly_box a:hover .sub_box{
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}


.top_weekly a.top_weekly_btn{
	height: 30px;
	border-radius: 20px;
	background-color: #fff;
	width: 130px;
	display: block;
	text-align: center;
	border: 1px solid #c0a353;
	color: #c0a353;
	margin: 50px auto 0 auto;
	padding-top: 10px;
}
.top_weekly a.top_weekly_btn:hover{
  color: #fff;
  background-color: #c0a353;
}


.top_client {
	background-color: #e2e9e8;
}
.top_client .top_client_title {
	color: #C0A353;
	font-size: 32px;
	font-family: Helvetica;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
	padding-top: 100px;
	margin-bottom: 50px;
}
.top_client .top_client_slide {
	width: 100%;
	margin: 0 auto;
}
.top_client .top_client_slide ul li {
	width: 33.33%;
	float: left;
	text-align: center;
}
.top_client .top_client_slide ul li.ip {
	width: 50%;
}
.top_client .top_client_slide ul li img {
	max-width: 100%;
    height: auto;
}


.top_teacher {
	background-color: #F2F2F2;
}
.top_teacher .top_teacher_box {
	width: 100%;
	background:url(../img/teacher_img.png) no-repeat center center;
	background-size: cover;
	margin: 0 auto;
	padding-bottom: 50px;
}
.top_teacher .top_teacher_text {
	font-size: 30px;
	color: #000;
	padding-top: 50px;
	margin-left: 50px;
}
.top_teacher .top_teacher_btn {
	width: 248px;
	text-align: center;
	margin-left: 50px;
}
.top_teacher .top_teacher_btn a {
  width: 248px;
  height: 40px;
  border-radius: 30px;
  background-color: #c0a353;
  color: #fff;
  display: inline-block;
  padding-top: 16px;
  margin-top: 40px;
  font-size: 20px;
}
.top_video {
	padding-bottom: 50px;
}
.top_video .top_video_left {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/video_icon.png);
	color: #262626;
	font-size: 30px;
	text-align: center;
	width: 466px;
	margin-top: 50px;
    padding-top: 80px;
	margin-left: 157px;
}
.top_video .top_video_right {
	width: 542px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
}

/* 内页css */
.content {
    padding-top: 80px;
}
.content_left {
	display: none;
}
.content_right {
	margin: 0 10px;
}
.content_title {
  border-left: 2px solid #c0a353;
  padding: 3px 0 3px 15px;
  font-size: 20px;
  line-height: 1.25;
  color: #262626;
  font-weight: bold;
  margin-bottom: 25px;
  margin-top: 25px;
}
.about_title {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/h2_bg.jpg);
	background-size: cover;
	height: 168px;
	line-height: 168px;
	font-size: 32px;
	margin-bottom: 35px;
	color: #fff;
}
.about_title span {
	display: block;
	padding-left: 2%;
}
.about_title2 {
	background-image: url(../img/h2_bg2.jpg) !important;
}
.about_title2 span {
	position: relative;
}
.about_us {
	width: 96%;
	padding: 2% 2% 100px 2%;
	margin: 0 auto;
	line-height: 1.56;
}

.privacy_box {
	width: 96%;
	padding-bottom: 100px;
	margin: 0 2%;
	line-height: 1.56;
}
.privacy_box2 {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  margin-top: 40px;
}
.privacy_box2_title {
	font-size: 17px;
	font-weight: bold;
	padding: 16px 25px;
	border-bottom: 1px solid #f5f5f5;
}
.privacy_text {
	color: #333333;
	font-weight: bold;
}
.privacy_text2 {
	padding: 16px 25px;
	color: #7a7472;
	font-size: 14px;
}
.singup_box {
  border-radius: 5px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  width: 380px;
  margin: 80px auto 140px auto;
}
.singup_box .singup_box_title {
  height: 40px;
  font-size: 20px;
  line-height: 1.25;
  text-align: center;
  color: #262626;
  background-color: #c0a353;
  width: 380px;
  padding-top: 16px;
  border-radius: 5px 5px 0 0;
}
.singup_box_text {color: #262626; font-size: 16px;padding: 20px 24px; margin-bottom: 20px;}
.singup_box_input {position: relative;margin-left: 15px; margin-right: 15px;}
.singup_box_input input { 
	width: 296px;
	border-radius: 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	padding-left: 40px;
	color: #000;
}
.singup_box_input .description {
  font-size: 12px;
  color: #262626;
  padding-left: 40px;
  padding-top: 5px;
}
.description_text {
	margin-bottom: 10px;
}
.description_no {
	color: #ab0808;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/error_icon.png);
	background-size: 20px 20px;
	padding-left: 20px;
	margin-bottom: 5px;
}
.description_yes {
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/no_error_icon.png);
	background-size: 20px 20px;
	padding-left: 20px;
	margin-bottom: 5px;
}

.singup_box_input .error_description {
  font-size: 12px;
  color: #ab0808;
  padding-left: 40px;
  padding-top: 5px;
  display: none;
  position: absolute;
}
.singup_box_input .error_singup {
	box-shadow:0 0 4px 0 rgba(171, 8, 8, 0.7);
	border:1px solid rgba(171, 8, 8, 0.7);
	color: #ab0808;
}
.singup_box_input .error_singup  + .form-control-feedback {
	color: #ab0808 !important;
}
.singup_privacy {
	margin-left: 20px;
	font-size: 12px;
	color: #7a7472;
	margin-bottom: 25px;
	position: relative;
}
.singup_privacy2 {
	margin-left: 20px;
	font-size: 14px;
	color: #7a7472;
	margin-bottom: 25px;
}
.singup_privacy2 a {
	color: #045d72;
}
.singup_privacy i {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/p_icon.png);
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
	background-size: 24px 24px;
}
.singup_privacy i.io {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/p_icon_o.png);
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	vertical-align: middle;
}
.singup_privacy span {
	position: absolute;
	top: 6px;
    left: 30px;
}
.singup_privacy a {
	color: #045d72;
	font-weight: bold;
}
.singup_btn {
    text-align: center;
	padding-bottom: 30px;
}
.singup_btn .singup_btn_up {
	font-size: 16px;
	color: #c0a353;
	border: 1px solid #c0a353;
	background-color: #fff;
	width: 116px;
	height: 40px;
	border-radius: 20px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	cursor: pointer;
}
.singup_link {
	text-align: center;
	height: 32px;
	border-radius: 5px;
	background-color: #f5f5f5;
	padding-top: 17px;
	color: #bdbcbc;
}
.singup_link a {
	color: #c0a353;
	padding-left: 10px;
}
.forget_password {
	text-align: center;
	margin-top: -10px;
	margin-bottom: 40px;
}
.forget_password a {
	color: #045d72;
}
.forget_password a:hover {
	text-decoration: underline;
}
.sign_share_title {
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}
.sign_share_title span {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	top: 3px;
	right: 0;
	color: #7a7472;
	font-size: 18px;
}
.sign_share {
	padding-bottom: 20px;
}
.sign_share li {    
	width: 25%;
    float: left;
	text-align:center;
}
.sign_share li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.sign_share li a.share-fb {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/s_icon1.png);
}
.sign_share li a.share-gg {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/s_icon2.png);
}
.sign_share li a.share-tw {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/s_icon3.png);
}
.sign_share li a.share-wx {
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/s_icon4.png);
}
.sign_share li a.share-fb:hover {
	background-color: #4c6ba6;
	background-image: url(../img/s_icon1_o.png);
}
.sign_share li a.share-gg:hover {
	background-color: #ea4335;
	background-image: url(../img/s_icon2_o.png);
}
.sign_share li a.share-tw:hover {
	background-color: #1da1f2;
	background-image: url(../img/s_icon3_o.png);
}
.sign_share li a.share-wx:hover {
	background-color: #6ebf6e;
	background-image: url(../img/s_icon4_o.png);
}
/* 我的证书 */
.certificate_box {
	padding: 20px 10px;
}
.certificate_title {
  border-left: 2px solid #c0a353;
  padding: 3px 0 3px 15px;
  font-size: 20px;
  line-height: 1.25;
  color: #262626;
  font-weight: bold;
  margin-bottom: 25px;
}
.certificate_text {
  font-size: 16px;
  color: #7a7472;
  margin-bottom: 25px;
}
.certificate_item {
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
}
.certificate_item_title {
  height: 24px;
  border-radius: 5px;
  background-color: #f5f5f5;
  font-size: 16px;
  color: #262626;
  padding: 8px 0px 8px 20px;
}
.certificate_item_box {
	padding: 20px;
}
.certificate_item_img {
	margin: 0 auto;
  width: 280px;
  height: 173px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
	padding-top: 27px;
	overflow: hidden;
}
.certificate_item_img img {
	width: 250px;
	height: 145px;
}
.certificate_item_right {
	color: #7a7472;
	margin-top: 20px;
}
.certificate_item_right_text {
	font-size: 16px;
	margin-bottom: 25px;
	text-align: center;
}
.certificate_item_right_text2 {
	font-size: 14px;
}
.certificate_item_right_date {
	margin-bottom: 25px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	text-align: center;
}
.certificate_item_right_date span.date {
	margin-left: 15px;
}
.certificate_item_right_date span.line {
	width: 1px;
	background-color: #dddddd;
	margin-left: 10px;
	margin-right: 10px;
	    display: inline-block;
    height: 30px;
    vertical-align: middle;
}
/* 付款设定 */
.payment_text {
  font-size: 16px;
  color: #7a7472;
  margin-bottom: 20px;
}
.payment_text2 {
  font-size: 14px;
  color: #7a7472;
}
.payment_item {
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 80px;
  overflow: hidden;
}
.payment_item_title {
  height: 24px;
  border-radius: 5px;
  background-color: #f5f5f5;
  font-size: 16px;
  color: #262626;
  padding: 8px 0px 8px 20px;
}
.payment_check_box {
	margin-top: 35px;
	margin-bottom: 25px;
}
.payment_check_box label {
	display: inline-block;
	width: 30%;
	position: relative;
	cursor: pointer;
}
.payment_check_box label input{
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right:10px;
	opacity: 0;
}

.payment_check_box .spot{
	display:inline-block;
	width:24px;
	height:24px;
	background:url("../img/checkbox_icon.png") no-repeat;  /*默认的样式图片*/
	position: absolute;
	background-size: 24px 24px;
	left:0;
}
.payment_check_box label input:checked + .spot{
        background:url("../img/checkbox_icon_o.png") no-repeat;  /*选中后的样式图片*/
	background-size: 24px 24px;
 }
.payment_name {font-size: 14px;color: #7a7472; margin-bottom: 20px;}
.payment_name2 {font-size: 16px;color: #262626; margin-bottom: 30px;}
.payment_btn {
    text-align: right;
	padding-bottom: 30px;
	padding-top: 20px;
}
.payment_btn .payment_btn_c {
	font-size: 16px;
	color: #262626;
	border: 1px solid #bdbcbc;
	background-color: #fff;
	padding-left: 24px;
	padding-right: 24px;
	height: 40px;
	border-radius: 20px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	cursor: pointer;
}
.payment_card {
	width: 280px;
	margin: 0 auto 20px auto;
}
.payment_card img {
	width: 280px;
	height: 146px;
}
.payment_right {
	width: 100%;
	text-align: center;
}
.payment_right dl {
	margin-bottom: 28px;
}
.payment_right dl dt {
	width: 50%;
	float: left;
	color: #7a7472;
	font-size: 16px;
}
.payment_right dl dd {
	width: 50%;
	float: left;
	color: #262626;
	font-size: 16px;
}
.payment_box_input {
    position: relative;
    padding-right: 20px;
}
.payment_box_input input { 
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	color: #262626;
}
/* 安全性 */
.security_name {font-size: 14px;color: #7a7472; margin-bottom: 5px;}
.payment_box_input .description {
  font-size: 12px;
  color: #bdbcbc;
  padding-left: 5px;
  padding-top: 5px;
}
.payment_box_input select { 
	background-color: #fff;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	color: #262626;
	height: 40px;
	background: url("../img/select_icon.png") no-repeat scroll right 50% / 19px auto, repeat scroll 0 0 / 100% auto;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
}
.payment_box_input textarea { 
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.check_box {
  width: 380px;
  border-radius: 5px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  margin: 70px auto 0 auto;
}
.check_box_title {
  height: 24px;
  font-size: 20px;
  line-height: 1.25;
  color: #262626;
  text-align: center;
  padding-top: 16px;
  margin-bottom: 25px;
}
.check_box_img {
	text-align: center;
}
.check_box_text {
  font-size: 14px;
  line-height: 1.79;
  color: #7a7472;
  padding: 32px 16px;
}
.settings_icon {
	position: relative;
}
.settings_icon svg {
	position: absolute;
	right: 0;
}

.form-control-date {
	padding-left: 40px !important;
	width: 96.5% !important;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}

.payment_radio_box {
	margin-bottom: 25px;
}
.payment_radio_box label {
	display: inline-block;
	width: 35%;
	position: relative;
	cursor: pointer;
	line-height: 26px;
}
.payment_radio_box label input{
	width: 24px;
	height: 24px;
	vertical-align: middle;
	opacity: 0;
}

.payment_radio_box .spot{
	display:inline-block;
	width:24px;
	height:24px;
	background:url("../img/p_icon.png") no-repeat;  /*默认的样式图片*/
	position: absolute;
	left:0;
	background-size: 24px 24px;
}
.payment_radio_box label input:checked + .spot{
        background:url("../img/p_icon_o.png") no-repeat;  /*选中后的样式图片*/
	background-size: 24px 24px;
 }
 .upload_img {
	 width: 120px;
	 height: 120px;
	 border-radius: 50%;
	 /*border: 1px solid rgba(0, 0, 0, 0.2);*/
	 cursor: pointer;
	 position: relative;
	 margin: 0 auto;
 }
 .upload_img img {
	 width: 120px;
	 height: 120px;
	 border-radius: 50%;
	 /*border: 1px solid rgba(0, 0, 0, 0.2);*/
	 cursor: pointer;
 }
 .upload_img_file {
	position: absolute;
	width: 120px;
	height: 120px;
	opacity: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
	z-index: 1;
 }
 .upload_text {
	 width: 100%;
	 margin-top: 10px;
}
 .upload_text2 {font-size: 14px;color: #333;margin-bottom: 20px;}
 .upload_text3 {font-size: 13px;color: #7a7472;}
.message_box {
	position: fixed;
	top: 70px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	display: none;
}
.message_box_text {
	margin: 0 auto;
	color: #006328;
	font-size: 16px;
	text-align: center;
	background-color: #d7f8e3;
}
.sp_payment_radio_box {
	margin-top:0;margin-bottom:0;position: absolute;top: 5px;left: 145px; font-size: 14px;
}
.sp_payment_check_box {
	margin-top:0;margin-bottom:0;position: absolute;top: 5px;left: 145px; font-size: 14px;
}

.sp_payment_box_input {width: 30% !important;display: inline-block;margin-right: 2%;}
.sp_payment_box_input2 {width: 60% !important;display: inline-block;}

.sp_payment_box_input_20 {margin-right: 20px !important;}
/* custom search */
.custom_box {
	float: left;
	width: 45%;
	margin-left: 5%;
	margin-bottom: 50px;
}
.custom_box_right {
	float: right;
}
.custom_box_title {
  font-size: 24px;
  color: #262626;
  margin-bottom: 40px;
}
.custom_link li a {
	font-size: 16px;
	line-height: 1.56;
	color: #7a7472;
	margin-bottom: 20px;
	display: block;
}
.custom_link li a:hover {
	color: #c0a353;
	text-decoration: underline;
}
.custom_more a {
	color: #262626;
	font-weight: bold;
}
.custom_more a:hover {
	text-decoration: underline;
}
.custom_more a svg {
	margin-left: 15px;
	color: #c0a353;
	vertical-align: middle;
}
.custom_search {
	position: absolute;
	top: 65px;
    left: 350px;
}
.custom_search .custom_search_select {
  width: 155px;
  height: 40px;
  border-radius: 5px 0px 0px 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #f5f5f5;
  float: left;
  font-size: 14px;
}
.custom_search_select select{
	height: 40px;
	line-height: 40px;
	padding: 0;
}
.custom_search_input {
  float: left;
}
.custom_search_input input {
	width: 140px;
	border-radius: 0px 5px 5px 0px;
  height: 26px;
  padding-right: 50px;
}
.custom_search_icon {
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer;
	font-size: 14px;
	color: #7a7472;
	height: 40px;
	line-height: 40px;
}
.breadcrumb {
  font-size: 12px;
  color: #bdbcbc;
      margin-top: -30px;
}
.custom_search_result {
  font-size: 24px;
  color: #262626;
}
.custom_search_box {
	margin-top: 50px;
}
.custom_search_title {
  font-size: 20px;
  color: #262626;
  margin-bottom: 15px;
}
.custom_search_text {
  font-size: 16px;
  line-height: 1.56;
  color: #7a7472;
  margin-bottom: 20px;
}
.custom_search_read a {
color: #c0a353;
}
.custom_search_read a:hover {
text-decoration: underline;
}
.custom_search_read a svg {
margin-left: 15px;
}
.pagination {
margin-top: 50px;
margin-bottom: 100px;
text-align: right;
}
.pagination li {
display: inline-block;
	margin-right: 10px;
	text-align: center;
	font-size: 14px;
}
.pagination li a {
	color: #262626;
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: block;
}
.pagination li.active {
	color: #fff;
	background-color: #000;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	line-height: 24px;
}
.pagination li a:hover {
text-decoration: underline;
	
}
/* Booking */
.calendar_link {
	text-align: center;
}
.calendar_link a.l {
  width: 47%;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  border: solid 1px #045d72;
  background-color: #045d72;
  float: left;
  color: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
}
.calendar_link a.l2 {
  width: 47%;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  border: solid 1px #045d72;
  background-color: #fff;
  float: right;
  color: #045d72;
	margin-bottom: 40px;
}
.calendar_link a.l3 {
  width: 47%;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  border: solid 1px #045d72;
  background-color: #fff;
  float: left;
  color: #045d72;
	margin-right: 20px;
	margin-bottom: 20px;
}
.calendar_link a.l4 {
  width: 47%;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  border: solid 1px #045d72;
  background-color: #045d72;
  float: right;
  color: #fff;
	margin-bottom: 40px;
}
.calendar_date_box {
	text-align: center;
}
.calendar_date {
  width: 202px;
  height: 40px;
  border-radius: 20px;
  background-color: #f5f5f5;
  margin-left: 20px;
  margin-right: 20px;
  border: 0;
  font-size: 24px;
  color: #262626;
  font-weight: bold;
  line-height: 40px;
  padding-left: 40px;
}
.alt {
	position: relative;
}
.alt svg {
	position: absolute;
	color: #7a7472;
	font-size: 14px;
	left: 35px;
    top: 0px;
}
.calendar_left {
  width: 160px;
  height: 128px;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
	float: left;
}
.calendar_right {
	float: right;
  width: 560px;
  height: 128px;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.calendar_title {
  width: 100%;
  height: 40px;
  line-height:40px;
  border-radius: 5px 5px 0 0;
  background-color: #f5f5f5;
  text-align: center;
  color: #262626;
}
.calendar_num {
  width: 160px;
  height: 62px;
  color: #045d72;
   font-size: 24px;
   line-height: 62px;
  text-align: center;
}
.calendar_sub {
  width: 160px;
  font-size: 14px;
  color: #7a7472;
  height: 26px;
   line-height: 26px;
  text-align: center;
}
.calendar_sub span {
	display: inline-block;
	width: 30%;
}
.calendar_title2 {
	float: left;
	width: 105px;
	margin-top: 20px;
	margin-left: 10px;
}
.calendar_title2_box {
	float: left;
	margin-top: 15px;
	    width: 390px;
}
.calendar_title2_text {font-size: 14px;
    color: #7a7472;
    margin-bottom: 20px;}
.calendar_title2_box .payment_radio_box{
	margin-top: 0;
	margin-bottom: 10px;
}
.calendar_title2_box .payment_radio_box label {
	width: 45%;
}
#calendar{
	margin-top: 80px;
}
.calendar_item {
	float: left;
  width: 32%;
  height: 57px;
  border-radius: 5px;
  margin-right: 1%;
  box-shadow: 1px 2px 6px 2px rgba(189, 188, 188, 0.3);
}
.calendar_item_on {
  box-shadow: 0 0 8px 0 rgba(4, 93, 114, 0.3);
}
.calendar_item_title {
  height: 28px;
  border-radius: 5px 5px 0 0;
  background-color: #b2d4dc;
  font-size: 14px;
  color: #262626;
  line-height: 28px;
	text-align: center;
}
.calendar_box {
	width: 32%;
	display: inline-block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #7a7472;
}
.calendar_item_c .calendar_item_title{background-color: #b7adc4;}
.calendar_item_c2 .calendar_item_title{background-color: #dfd4b6;}
.check_radio {
	cursor: pointer;
}
.calendar_box .fa-check-circle {
	display: none;
	color: #c0a353;
}
/* Order */
table.table_order{
	border-collapse:collapse;
	width: 100%;
	border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(189, 188, 188, 0.3);
}
table.table_order thead {
border-radius: 5px;
  box-shadow: inset 0 -2px 0 0 #f5f5f5;
  background-color: #f5f5f5;
}
table.table_order th {
	padding: 30px 10px;
	text-align: left;
}
table.table_order td {
	padding: 20px 10px;
	text-align: left;
	color: #7a7472;
	vertical-align: top;
}
table.table_order td a {
	color: #045d72;
}
table.table_order td a:hover {
	text-decoration: underline;
}
.table_type {
	cursor: pointer;
}
.table_type svg.fa-angle-up {
	display: none;
}

table.table_order td svg.fa-angle-right,table.table_order td svg.fa-angle-down {
	margin-right: 5px;
}
table.table_order td span {
padding-right: 40px;
}
table.table_order tr {
	cursor:pointer;
}
table.table_order tr.tr_on {
background-color: #f1f9fc;
}
table.table_order tr.tr_on td {
color: #262626 !important;
	font-weight: normal
}
table.table_order td svg.fa-angle-down {
	display: none;
}
table.table_order tr.tr_hide {
	display: none;
	border-left: 5px solid #f1f9fc;
	padding-bottom: 100px
}
table.table_order .tr_hide td {
}
table.table_order td span.s_rows {
	width: 130px;
	display: inline-block;
	    padding-right: 10px;
	color: #bdbcbc;
}
table.table_order td.view_link {
	font-weight: bold;
	vertical-align: top;
}
table.table_order td.view_btn {
	vertical-align: bottom;
}
table.table_order td.view_btn .payment_btn .payment_btn_c {
    height: 32px;
	padding-left: 10px;
	padding-right: 10px;
}
.modal {
    position: fixed;
    top: 140px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-dialog {
  width: 380px;
  position: relative;
  border-radius: 5px;
  margin: 140px auto 30px auto;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
}
.modal-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
	color: #fff;
}
.modal-header {
    padding: 17px 15px;
    border-bottom: 1px solid #e5e5e5;
	background-color: #ab0808;
	border-radius: 5px 5px 0 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  height: 26px;
}
.modal-title {
	font-size: 20px;
	color: #fff;
	text-align: center;
	font-weight: normal;
}
.modal_btn {
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 15px;
}

.modal_btn .modal_btn_c {
	font-size: 16px;
	color: #262626;
	border: 1px solid #bdbcbc;
	background-color: #fff;
	padding-left: 24px;
	padding-right: 24px;
	height: 40px;
	border-radius: 20px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	cursor: pointer;
	width: 100%;
	margin-top: 15px;
}
.modal-body {
	padding-left: 24px;
	padding-right: 24px;}
.modal_text {
	font-size: 18px;
	height: 56px;
	line-height: 56px;
}
.modal_text2 {font-size: 14px;
  color: #7a7472;
  margin-bottom: 30px;}
.modal_text2 a {
	color: #045d72
}
.modal_text2 a:hover {
	text-decoration: underline;
}
.modal_text3 {
	font-size: 14px;
	color: #000
}
.modal_text4 {
	text-align:center;
	color: #000;
	font-size: 16px;
}
.modal_text5 {
	margin-top: 10px;
	margin-bottom: 25px;
}
/* E-book */
.ebook_box {
	width: 100%;
	margin: 60px auto 140px auto;
}
.ebook {
  width: 29%;
  height: 274px;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  float: left;
  margin-left: 11px;
  margin-right: 15px;
  margin-bottom: 30px;
}
.ebook_pic {
	text-align: center;
	padding-top: 15px;
}
.ebook_pic img {
  width: 128px;
  height: 178px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.ebook_title {
	font-size: 14px;
	padding: 15px 15px 0 15px;
	color: #262626;
	height: 56px;
	overflow: hidden;
}
.ebook2 {
  width: 30%;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
}
.ebook2_pic {
  height: 195px;
  border-radius: 5px;
  background-color: rgba(237, 230, 208, 0.4);
  text-align: center;
  padding-top: 15px;
}
.ebook2_pic img {
  width: 128px;
  height: 178px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.ebook2_title {
	font-size: 14px;
	padding: 15px 15px 15px 15px;
	color: #262626;
	height: 33px;
	overflow: hidden;
}
.ebook2_price {
	text-align: right;
	font-size: 14px;
	color: #7a7472;
	padding-right: 15px;
	height: 40px;
}
.ebook2_footer {
  height: 48px;
  line-height: 48px;
  box-shadow: inset -1px 1px 0 0 #f5f5f5;
}
.ebook2_item1, .ebook2_item2, .ebook2_item3{
	display: inline-block;
	width: 32%;
	text-align: center;
}
.ebook2_item1{
  border-radius: 0 0 0 5px;
}
.ebook2_item3{
  border-radius: 0 0 5px 0;
}
.ebook2_open .ebook2_item2, .ebook2_open .ebook2_item3{
	color: #c0a353;
	-webkit-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; outline: 0;
}
.ebook2_close .ebook2_pic, .ebook2_close .ebook2_title, .ebook2_close .ebook2_price {
	background-color: #f5f5f5;
}
.ebook2_close .ebook2_footer .ebook2_item2, .ebook2_close .ebook2_footer .ebook2_item3 {
	color: #ddd;
}
.ebook2_lock {
	text-align: right;
	background-color: #f5f5f5;
	height: 40px;
}
.ebook2_lock_sub {
  width: 80px;
  height: 24px;
  line-height: 24px;
  border-radius: 10px 0 0 10px;
  background-color: #e26f5e;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  text-align: left;
}
.ebook2_lock .fa-lock-alt {
	padding-left: 7px;
	padding-right: 5px;
}
.ebook_intermediate {
  width: 94%;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 50px;
  padding: 2%;
}
.ebook_intermediate_left {
	float: left;
	width: 20%;
}
.ebook_intermediate_left .pic img {
  width: 128px;
  height: 178px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.ebook_intermediate_left .pic {
	margin-bottom: 15px;
}
.ebook_intermediate_left .link a {
	font-size: 14px;
	color: #7a7472;
}
.ebook_intermediate_left .link svg {
	color: #045d72;
	margin-left: 5px;
	margin-right: 10px;
}
.ebook_intermediate_left .link a:hover {
	text-decoration: underline;
}
.ebook_intermediate_right {
	float: right;
	width: 75%;
	font-size: 14px;
	color: #262626;
}
.ebook_intermediate_right .title {
	margin-bottom: 30px;
}
.ebook_intermediate_divide {
	font-size: 14px;
  width: 144px;
  height: 24px;
  box-shadow: inset 0 -1px 0 0 #c0a353;
  margin: 0 auto;
  text-align:center;
  color: #c0a353;
  margin-top: 10px;
}

.ebook_intermediate_title {
	font-size: 14px;
	padding: 15px 15px 0 15px;
	color: #262626;
	overflow: hidden;
	height: 24px;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.cart_bg {
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  background-color: rgba(38, 38, 38, 0.65);
}
.cart_box {
  width: 350px;
  height: 320px;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(189, 188, 188, 0.5);
  background-color: #fff;
  margin: 250px auto 0 auto;
  position: relative;
}
.cart_header {
	height: 56px;
	text-align: center;
	line-height: 56px;
	margin-bottom: 30px;
}
.cart_title {
	font-size: 20px;
}
.cart_close {
	position: absolute;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
	color: #7a7472;
	    cursor: pointer;
		right: 20px;
		top: 20px;
}
.cart_icon {
	text-align: center;
}
.cart_icon img {
	width: 80px;
	height: 80px;
}
.cart_btn {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 15px;
}
.cart_btn .cart_btn_c {
	font-size: 16px;
	color: #262626;
	border: 1px solid #bdbcbc;
	background-color: #fff;
	padding-left: 24px;
	padding-right: 24px;
	height: 40px;
	border-radius: 20px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	cursor: pointer;
	width: 100%;
	margin-top: 20px;
}
/*右上角购物车 */
.header_cart_up{
    display:block;
    width:0;
    height:0;
    border-width:0 28px 28px;
    border-style:solid;
    border-color:transparent transparent #045d72;/*透明 透明  黄*/
    position:absolute;
    top:-12px;
    left:145px;
}
.header_cart_box {
	display: none;
  width: 280px;
  height: 480px;
  border-radius: 5px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 80px;
}
.header_cart_box_title {
  height: 40px;
  border-radius: 5px 5px 0 0;
  background-color: #045d72;
  font-size: 16px;
  color: #fff;
  line-height:40px;
  padding-left: 10px;
  position: relative;
}
.header_cart_box_close {
	color: #fff;
	position: absolute;
	right: 20px;
	top: 12px;
	font-size: 14px;
	cursor: pointer;
}
.header_cart_item {
	padding: 25px 0 0 16px;
	height: 295px;
	overflow-y: auto;
}
.header_cart_item .item {
	margin-bottom: 25px;
	font-size: 14px;
}
.header_cart_item .left {
	float: left;
}
.header_cart_item .left img {
  width: 87px;
  height: 120px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.header_cart_item .right {
	float: right;
	width: 150px;
	padding-right: 5px;
}
.header_cart_item .title {
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	margin-bottom: 20px;
}
.header_cart_item .qty {
	text-align: right;
	margin-bottom: 40px;
}
.header_cart_item .price svg {
color: #e6e6e6;
float: right;
cursor: pointer;
}
.header_cart_total {
  height: 32px;
  box-shadow: inset 0 1px 0 0 #f5f5f5;
  font-size: 14px;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
      padding-bottom: 15px;
}
.header_cart_total span {
	position: absolute;
	right: 16px;
}
.header_cart_check {
  padding-left: 16px;
  padding-right: 16px;
}
.header_cart_check a {
    width: 100%;
    height: 29px;
    border-radius: 20px;
    background-color: #c0a353;
    color: #fff !important;
	letter-spacing: 0.3px;
    display: block;
    padding-top: 11px;
	text-align: center;
    font-size: 16px;
}
.header_cart_check a:hover {
	background-color: #d2bf91;
}
.header_cart_check a:active {
	background-color: #b9942c;
}
/* Account Balance */
.balance_box {
  width: 285px;
  padding-left: 30px;
  padding-right: 30px;
  height: 234px;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(189, 188, 188, 0.3);
  float: left;
  margin-right: 20px;
  margin-bottom: 50px;
  
}
.balance_header {
	height: 56px;
	line-height: 56px;
}
.balance_header .icon {
	font-size: 40px;
	color: #ada182;
	float: left;
}
.balance_header .title {
	color: #ada182;
	font-size: 16px;
	float: right;
}
.balance_body {
  height: 96px;
  box-shadow: inset 0 -1px 0 0 #f5f5f5, inset 0 1px 0 0 #f5f5f5;
}
.balance_text{
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #7a7472;
  font-size: 14px;
}
.balance_footer{
  height: 42px;
  line-height: 42px;
  text-align: right;
}
.balance_footer a {
	color: #ada182;
	font-size: 13px;
}
.balance_box_no .icon, .balance_box_no .title, .balance_box_no .balance_footer a {
	color:#045d72;
}
.balance_body dl {
	height: 48px;
	line-height: 48px;
}
.balance_body dl dt {
	float: left;
	font-size: 16px;
}
.balance_body dl dd {
	float: right;
	font-size: 20px;
}
/* Account Balance detail */
.balance_detail {
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(189, 188, 188, 0.3);
  background-color: #fff;
  padding-left: 20px;
}
.balance_detail2 {
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(189, 188, 188, 0.3);
  background-color: #fff;
      margin-bottom: 50px;
  padding-left: 20px;
}
.balance_table tr{
box-shadow: inset 0 -1px 0 0 #f5f5f5;
}
.balance_table tbody tr:hover{
background-color: rgba(178, 212, 220, 0.3);
}
.balance_table th{
	text-align: center !important;
}
.balance_table td {
	text-align: center !important;
}
.balance_table td.ba_text_right {
	text-align: right !important;
}
.balance_term {
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #7a7472;
  margin-left: 20px;
  margin-top: 15px;
}
.balance_btn .balance_btn_c {
	width: 100px;
	font-size: 16px;
	color: #262626;
	border: 1px solid #bdbcbc;
	background-color: #fff;
	padding-left: 4px;
	padding-right: 4px;
	height: 32px;
	border-radius: 20px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	cursor: pointer;
	margin-right: 10px;
}
.balance_term_text {
	float: left;
	margin-right: 20px;
}
.balance_term_text .form-control-date {
	height: 32px !important;
	padding:0 0 0 10px !important;
	line-height: 32px !important;
}
.balance_term .payment_box_input {
	margin-top: 5px;
	width: 110px !important;
	    margin-right: 10px !important;
}
.balance_term .form-control-feedback { top: -3px; left: 97px !important;}
.balance_detail .payment_radio_box label{
	width: 30%;
}
/* record */
.record_table td {
	color: #262626 !important;
}
.record_table .td_center {
	text-align: center;
}
.record_color {
	color: #c0a353;
}

.record_modal {
    position: fixed;
    top: 160px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.record_modal_dialog {
  width: 380px;
  position: relative;
  border-radius: 5px;
  margin: 160px auto 30px auto;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
}
.record_modal_content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
}
.record_modal_close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
	color: #fff;
	cursor: pointer;
}
.record_modal_header {
    padding: 17px 15px;
    border-bottom: 1px solid #e5e5e5;
	background-color: #c0a353;
	border-radius: 5px 5px 0 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  height: 26px;
}
.record_modal_title {
	font-size: 20px;
	color: #fff;
	text-align: center;
	    font-weight: normal;
}
.record_modal_btn {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.record_modal_btn .modal_btn_c {
	font-size: 16px;
	color: #c0a353;
	border: 1px solid #c0a353;
	background-color: #fff;
	padding-left: 24px;
	padding-right: 24px;
	height: 40px;
	border-radius: 20px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	cursor: pointer;
	width: 47%;
	margin-top: 15px;
	display: inline-block;
}
.record_modal_body {
	padding-left: 24px;
	padding-right: 24px;}
.record_modal_text {
	font-size: 16px;
	line-height: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;
	color: #000000;
}
.record_modal_text {
	font-size: 16px;
	line-height: 20px;
	padding-top: 20px;
	padding-bottom: 40px;
	text-align: center;
	color: #000000;
	padding-left: 24px;
	padding-right: 24px;
}
.rating_item {
	display: inline-block;
	font-size: 30px;
	width: 20%;
	text-align: center;
	float: left;
	cursor: pointer;
}
.rating_item2 {
	display: inline-block;
	font-size: 30px;
	width: 20%;
	text-align: center;
	float: left;
	cursor: pointer;
	display: none;
}
.record_modal_rating {
	padding-bottom: 20px;
}
.record_modal_rating_box {
	padding-bottom: 20px;
	padding-left: 24px;
	padding-right: 24px;
	display: none;
}
.rating_rating_title {
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
	padding-left: 24px;
	padding-right: 24px;
}
.rating_because {
	  font-size: 16px;
  text-align: center;
  color: #000000;
  margin-bottom: 30px;
}
.rating_btn a {
  width: 100%;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  box-shadow: 0 0 2px 0 rgba(4, 93, 114, 0.8);
  background-color: #fff;
  display: block;
  text-align: center;
  color: #262626;
}
.rating_btn {
	margin-top: 20px;
}
.rating_btn a.on {
  box-shadow: 0 0 2px 0 #fff;
  background-color: rgba(4, 93, 114, 0.8);
  color: #fff;
}
.rating_say {
  background-color: #f5f5f5;
    width: 100%;
	display: none;
}
.rating_say_title {
	font-size: 16px;
	text-align: center;
	padding: 20px;
}
#record_modal_3 .record_modal_body {
	padding-left: 0;
	padding-right: 0;
}
#record_modal_3 {position: absolute;height: 1000px;z-index:0;
}
.rating_say_t {
	padding: 10px 20px 20px 20px;
}
.rating_say_t textarea {
	padding-left: 2%;
	padding-right: 2%;
	    width: 96%;
		height: auto;
		border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.record_rating_modal_btn {
	background-color: #f5f5f5;
	padding-left: 20px;
	padding-right: 20px;
	display: none;
	padding-bottom: 20px;
}
.record_rating_modal_btn .modal_btn_c {
	font-size: 16px;
	color: #262626;
	border: 1px solid #bdbcbc;
	background-color: #fff;
	padding-left: 24px;
	padding-right: 24px;
	height: 40px;
	border-radius: 20px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	cursor: pointer;
	width: 100%;
	display: inline-block;
}
#show_record_teacher {
	cursor: pointer;
}
#record_modal_4 {
	position: absolute;
	overflow: inherit;
}
#record_modal_4 .record_modal{
	top: 100px;
}
#record_modal_4 .record_modal_dialog {
	width: 705px;
-webkit-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
margin-top:0;
}
#record_modal_4 .record_modal_body {
	padding: 25px;
}
.record_modal_4_title{
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 30px;
}
.record_modal_4_title2{
  font-size: 16px;
  color: #000000;
  margin-bottom: 30px;
}
.record_modal_4_link {
  margin-bottom: 30px;
	
}
.record_modal_4_link a {
    font-size: 16px;
    color: #262626;
    border: 1px solid #bdbcbc;
    background-color: #fff;
    padding-left: 24px;
    padding-right: 24px;
    height: 32px;
    line-height: 32px;
    border-radius: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	display: inline-block;
	margin-right: 20px;
    cursor: pointer;
}
.record_modal_4_link a.on {
    border: 1px solid #4e4e4e;
    background-color: #4e4e4e;
    color: #fff;
}
.record_modal_4_box {
	padding-left: 20px;
	padding-right: 20px;
}
.record_modal_5_box {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.span_line {
    width: 1px;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 110px;
    background-color: #bdbcbc;
}
.record_modal_date {
	height: 72px;
	line-height: 72px;
	background-color: #f8f8f8;
	padding-left: 44px;
}
.record_modal_date span {
	margin-right: 40px;
}
.record_modal_footer {
  background-color: rgba(237, 230, 208, 0.4);
	padding: 30px 50px;
}
/* Shopping Cart */
.shopping_cart_title{  
  font-size: 24px;
  font-weight: bold;
  line-height: 1.04;
  color: #045d72;
  margin-bottom: 25px;
}
.shopping_cart_box {
		width: 95%;
		margin: 0 auto;
}
.shopping_text {
margin-left: 25px;
    color: #ab0808;
    margin-top: 10px;
    font-size: 14px;
}
.shopping_cart_title2{
	 color: #262626;
	 margin-top: 20px;
	 margin-bottom: 20px;
}
.shopping_btn {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.shopping_btn .cart_btn_c {
	font-size: 16px;
	color: #c0a353;
	border: 1px solid #c0a353;
	background-color: #fff;
	padding-left: 24px;
	padding-right: 24px;
	height: 40px;
	border-radius: 20px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	cursor: pointer;
	width: 255px;
	margin-top: 15px;
	display: inline-block;
	margin-right: 30px;
}
.shopping_btn .cart_btn2 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px 26px;
	background-image: url(../img/cart_btn.png);
	text-indent: -9999px;
	background-color: #C0A250;
}
.shopping_input {padding-right: 5px;}
.shopping_btn .cart_btn3 {
	background-color: #C0A250;
	color: #fff;
}
.shopping_step {
  width: 23%;
  height: 176px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  float:left;
  margin-bottom: 100px;
  margin-top: 20px;
  margin-right: 15px;
}
.shopping_step .title {
  height: 48px;
  border-radius: 5px;
  line-height: 48px;
  font-size: 20px;
  color: #c0a353;
  text-align: center;
}
.shopping_step .day {
  text-align: center;
  font-size: 14px;
  color: #262626;
  height: 64px;
  line-height: 64px;
}
.shopping_step .price {
  text-align: center;
  font-size: 14px;
  color: #262626;
  height: 64px;
  line-height: 64px;
}
.shopping_step2 {
  height: 122px;
}
.shopping_step2 .price {
  height: 24px;
  line-height: 24px;
}
.s_last {
	margin-right: 0;
}
.shopping_step1 {
	width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	margin: 60px auto 140px auto;
}
.shopping_step_on .title {
	border-radius: 5px 5px 0 0;
	background-color: #c0a353;
	color: #fff;
}
.shopping_step2_on {
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 2px #c0a353;
  background-color: #fff;
  height: 118px;
}
.shopping_step2_on .day, .shopping_step2_on .price {
  color: #c0a353 !important;
}
.shopping_npc{
	font-size: 16px;
  font-weight: bold;
  color: #262626;
  margin-bottom: 20px;
  position: relative;
}
.shopping_npc .sub{
	position: absolute;
	right: 0;
	top: 0;
}
.shopping_npc .qty{
	position: absolute;
	right: 25%;
	top: 0;
	font-size: 14px;
}
.npc_box {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d2bf91;
}
.npc_box2 {
  width: 285px;
  display: inline-block;
}
.npc_box2 .text{
	color: #262626;
}
.npc_box2 .payment_radio_box{
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 0;
	color: #7a7472;
}
.npc_box3 {
	float: right;
	width: 340px;
	margin-bottom: 50px;
}
.npc_box3 dl {
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
}
.npc_box3 dl dt {
	float: left;
	width: 220px;
}
.npc_box3 dl dd {
	float: right;
}
.npc_box3 .text {
    color: #262626;
	margin-bottom: 20px;
}
/* package */
.package_box {
	width: 100%;
	margin: 100px auto 200px auto;
}
.package_title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  color: #262626;
  margin-bottom: 50px;
}
.package_text {
  font-size: 16px;
  text-align: center;
  color: #7a7472;
	margin: 0 auto 80px auto;
}
.package_item {
  width: 160px;
  height: 385px;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin-left: 15px;
  margin-right: 15px;
  float: left;
}
.package_item .title {
  height: 40px;
  padding-top: 16px;
  border-radius: 5px 5px 0 0;
  text-align: center;
  box-shadow: inset 0 -1px 0 0 #c0a353;
  color: #045d72;
  font-size: 20px;
  font-weight: bold;
  background-color: #fffdf9;
}
.package_item .text {
  height: 50px;
  padding-top: 39px;
  font-size: 16px;
  color: #bdbcbc;
  text-align: center;
  background-color: #fffdf9;
}
.package_item .text span {
  font-size: 40px;
  font-weight: bold;
  color: #262626;
}
.package_item .text2 {
  text-align: center;
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 16px;
  background-color: #fffdf9;
  color: #7a7472;
}
.package_item .price {
  text-align: center;
  font-size: 24px;
  padding-top: 44px;
  color: #262626;
}
 .package_item .shopping_btn  {
	 margin-top: 30px;
 }
 .package_item .shopping_btn .cart_btn_c {
	     width: 100%;
 }
.package_item_on .shopping_btn .cart_btn_c {
  color: #fff;
  background-color: #b9942c;
 }
 .package_item_on .title {
	 color:#b9942c;
 }
#footer {
	background-color: #4B4B4B;
	padding-bottom: 180px;
	color: #fff;
}
#footer .footer_box {
	width: 100%;
	margin: 0 auto;
}
#footer .footer_line {
	height: 1px;
	background-color: #7A7472;
	margin-top: 35px;
	margin-bottom: 30px;
}
#footer .footer_copyright {
	margin-left: 25px;
	float: left;
}
#footer .footer_copyright i {
	margin-right: 5px;
}

#footer .footer_select, #footer .footer_select2 {
	margin-left: 25px;
	float: right;
	width: 160px;
	cursor: pointer;
	position: relative;
}
#footer .footer_select i,#footer .footer_select2 i {
	margin-right: 25px;
	float: right;
}
#footer .footer_select ul,#footer .footer_select2 ul {
	display: none;
	position: absolute;
}
#footer .footer_select ul li a,#footer .footer_select2 ul li a {
	color: #fff;
	display: block;
}
#footer .footer_select ul li a:hover,#footer .footer_select2 ul li a:hover {
	color: #C0A353;
}
#footer ul.footer_link {
	float: left;
	margin-left: 25px;
	margin-right: 25px;
}
#footer ul.footer_link li {
	margin-top: 40px;
}
#footer ul.footer_link li i {
	margin-right: 25px;
}
#footer ul.footer_link li.title {
	font-size: 16px;
	font-weight: bold;
}
#footer ul.footer_link li a {
	color: #fff;
}
#footer ul.footer_link li a:hover {
	color: #C0A353;
}
#footer ul.last {
	margin-right: 0px;
}

.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

.margin_bottom_20 {
	margin-bottom: 20px;
}
.margin_bottom_30 {
	margin-bottom: 30px;
}
.margin_bottom_40 {
	margin-bottom: 40px;
}
.margin_bottom_60 {
	margin-bottom: 60px;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    left: 13px;
    display: block;
    width: 34px;
    line-height: 42px;
    text-align: center;
	padding-top: 12px;
	color: #7a7472;
}
.form-control-feedback2 {
    position: absolute;
    top: 0px;
    right: 0;
    display: block;
    width: 34px;
    height: 42px;
    line-height: 42px;
    text-align: center;
	color: #ddd;
}

.form-control {
    display: block;
    width: 100%;
    height: 28px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus{border-color:#c0a353;box-shadow:none}
.form-control:not(select){-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.body_open{
	display: none !important;
}
.bg_fb {
	padding-top: 20px;
}